#container
{
width: 100%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
/* line-height: 130%; */
}

a {
text-decoration: none;
color: #000080;
}
a:hover {
color: #000;
text-decoration: underline;
}


#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 19%;
margin: 0;
padding-left: 15px;
}

#leftnav ul
{
	padding-left:5px;
}

#content
{
margin-left: 20%;
border-left: 1px solid gray;
padding: 0.5em;
min-height: 20em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

  
.box {
  border: 2px solid black;
  margin: 1em;
}

.important-box {
  .box;
  background-color: #CCC;
}

.error-box {
  .important-box;
  background-color: #FCC;
  color: red;
  border-color: red;
}
/* http://css.dzone.com/news/css-message-boxes-different-me&default=false&zid=159&browser=14&mid=0&refresh=0 */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}

.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('validation.png');
}